// 导入 react 依赖包
import React, { Component } from 'react';
import ReactDOM from 'react-dom/client';

import './01-React基础/base.css'; // 背后是我们默默无闻 webpack

// 1 创建挂载点
const root = ReactDOM.createRoot(document.getElementById('root'));

// React 中类组件的定义
// 定义一个类，继承 React.Component 的类
class Hello extends Component {
  constructor() {
    super();
    this.state = {
      xx: 'xx',
      yy: 'yy',
    };
  }

  // 至少包含 render 方法，表示你至少要在页面上渲染UI
  render() {
    return <h3>这是一个类组件!! {this.state.xx}</h3>;
  }
}

// 渲染的时候，一定要大些字母开头，以此来区分 React 自定义组件和html原生标签
root.render(<Hello />);
